<template>
    <div>
        <Header></Header>
        <div class="main">
            <el-card>
                <el-image :src="imgUrl"></el-image>
<!--                <el-image>-->
<!--                    <template #error>-->
<!--                        <div class="image-slot">-->
<!--                            <el-icon><icon-picture /></el-icon>-->
<!--                        </div>-->
<!--                    </template>-->
<!--                </el-image>-->
                <div class="bottom-button">
                    <el-button type="primary" @click="this.$router.go(-1)">返回题目列表</el-button>
                </div>
            </el-card>
        </div>
        <staticFooter></staticFooter>
    </div>
</template>

<script>
    import staticFooter from "../../../components/staticFooter";
    import {ref} from 'vue'
    import {useRouter} from 'vue-router'
    import Header from "../../../components/Header";
    import {taxRateTable} from "../../../api/api";
    export default {
        name: "index",
        setup(){

            let imgUrl = ref('')
            let router = useRouter();
            let getTaxRateTable = () =>{
                taxRateTable().then(res =>{
                    console.log(res)
                    imgUrl.value = res.data[0]
                })
            }
            getTaxRateTable();
            return{
                imgUrl
            }
        },
        components:{
            Header,
            staticFooter
        }
    }
</script>

<style scoped>
    .main{
        margin: 20px auto;
        width: 75rem;
        min-height: calc(100vh - 120px);
    }
    .main img{
        height: 100%;
    }
    .bottom-button{
        display: flex;
        justify-content: center;
        align-items: center;
    }
</style>
